import React from 'react';
import { Provider } from 'reto';
import Blog from './blog';
import User from './user';
import Project from './project';
import Friend from './friend';

const StoreProvider: React.FC = props => {
  return (
    <Provider of={User}>
      <Provider of={Project}>
        <Provider of={Blog}>
          <Provider of={Friend}>{props.children}</Provider>
        </Provider>
      </Provider>
    </Provider>
  );
};

export default StoreProvider;
